<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性选择器</title>
    <style>
        *{margin: 0;padding: 0;list-style-type: none;}
        /* 属性选择器基础用法 */
        [type]{
            border: 2px solid aqua;
        }
        /* 进阶用法：可以在选择属性的时候对属性值进行限制
            书写方式：[属性名 限制条件 值]
                = 值必须相同
                *= 值必须包含
                $= 值的结束必须满足
                ^= 值的开头必须满足
        */
        [name='uers']{

        }
    </style>
</head>
<body>
    <!-- 
        属性选择器
        通过元素属性选中元素
     -->
     <input type="text" class="good" placeholder="hello" name="uersname" value="abdcd">
</body>
</html>